.fx-tree-item {
  user-select: none;
  color: $font-color-default;

  > .fx-tree-content {
    margin-left: 10px;

    .tree-text {
      margin-left: 10px;
      cursor: pointer;
      display: flex;
      align-items: center;

      > em {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 10px;
        height: 10px;
        color: $font-color-lowest;

        &.open {
          transform: rotate(0deg);
        }
      }

      > .checkbox {
        margin-right: 5px;
      }
    }
  }
}
